<template>
	<div class="foorbar">
		<router-link to="/newhome" tag="div">
			<img src="../assets/imger/shouye.png" alt="">
			<span>首页</span>
		</router-link>
		<router-link to="/duanshi" tag="div">
			<img src="../assets/imger/dsp.png" alt="">
			<span>短视频</span>
		</router-link>
		<router-link to="/moviehome" tag="div">
			<img src="../assets/imger/wannian.png" alt="" >
			<span>万年</span>
		</router-link>
		<router-link to="/minehome" tag="div">
			<img src="../assets/imger/mine.png" alt="">
			<span>我的</span>
		</router-link>
	</div>
</template>

<script>
</script>

<style lang="less" scoped="scoped">
	.foorbar{
		width: 100%;
		height: .44rem;
		border-top: 0.4px solid #999;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
		display: flex;
		background-color: #D5D4E1;
		div{
			width: 25%;
			text-align: center;
			img{
				width: .3rem;
				height: .26rem;
				display: block;
				margin-left: 34%;
				background-color: #534EA6;
			}
			span{
				font-size: .14rem;
				display: block;
			}
		}
	}
</style>
